<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>泡泡侠首页----个人中心</title>
  <link rel="stylesheet" href="css/app.css">
  <script type="text/javascript">
        (function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            };
         
          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
  <base target="_blank"></head>
<body>
<section id="wrapper">
  
  <sectin id="grzx_body"  pp_name="个人中心">
    <div class="grzx_body">
      <div class="banner">
        <div class="l">
          <img src="images/item5.png" alt="">
        </div>
        <div class="r">
          <p class="phone">张三</p>
          <p class="des">泡泡侠，您的洗涤管家！</p>
        </div>
      </div>
      <div class="line li1">
        <a href="#">
         <div class="text"><span>手机号:13588809232</span></div> 
          
        </a>
      </div>
      <div class="line li2">
        <a href="#">
         <div class="text"><span>常用地址</span></div> 
          
        </a>
      </div>
      <div class="line li3">
        <a href="#">
         <div class="text"><span>余额:30.00</span></div> 
          <div class="chongzhi">充值</div>
        </a>
      </div>
      <div class="line li4">
        <a href="#">
         <div class="text"><span>月剩余重量</span></div> 
          <div class="weight">
            <p class="font1">7.52Kg</p>
            <p class="font2">有效期至2015.11.25</p>
          </div>
          <div class="buy">购买</div>
        </a>
      </div>
      <div class="line li5">
        <a href="#">
         <div class="text"> <span>实体卡充值</span></div>
          <div class="chongzhi">充值</div>
        </a>
      </div>
      <div class="line li6">
        <a href="#">
         <div class="text"><span>积分:1231</span></div> 
          
        </a>
      </div>
      <div class="line li7">
        <a href="#">
         <div class="text"> <span>优惠券</span></div>
          
        </a>
      </div>
      <div class="line li8">
        <a href="#">
         <div class="text"> <span>分享有礼</span></div>
          
        </a>
      </div>
      
      
      

    </div>
    
  </sectin>

  <section id="footer" pp_name="悬浮页脚">
    <div class="footer">
      <a href="#" class="l on"><span >洗衣</span></a>
      <a href="#" class="m "><span >订单</span></a>
      <a href="#" class="r "><span >个人</span></a>
    </div>
  </section>
</section>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/swiper3.1.0.jquery.min.js"></script>
<script>


 
 
$(document).ready(function(){



         var flash1 = new Swiper('.swiper-container-flash1', {
            paginationClickable: true,
            pagination : '.swiper-pagination-flash1',
         });
        
         







});
</script>
</body>
</html>